<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<%@ include file="/WEB-INF/tiles2/common.jsp" %>
<div class="page-header">
	<h3 class="font24">회원 가입</h3>
</div>

<article>
	<div>
		<ul class="breadcrumb">
			<li><a class="btn btn-success" disabled="disabled">이용약관</a></li>
			<li><i class="icon-chevron-right"></i></li>
			<li><a class="btn btn-success" disabled="disabled">실명확인</a></li>
			<li><i class="icon-chevron-right"></i></li>
			<li><a class="btn" disabled="disabled">정보입력</a></li>
			<li><i class="icon-chevron-right"></i></li>
			<li><a class="btn" disabled="disabled">가입완료</a></li>
			<li><i class="icon-chevron-right"></i></li>
		</ul>
	</div><!-- 이동경로 -->
	
	<div class="page-header">
		<h3>실명확인</h3>
		<small>입력하신 정보는 가입완료 전까지 본 사이트에 저장되지 않습니다.</small>
	</div><!-- 가입인증제목 -->
	
	<div>
		<form id="join2frm" class="well form-horizontal">
			<h3>실명확인 회원가입</h3>
			<div class="row topmargin">
				<div class="span6">
					<div class="control-group success">
						<label class="control-label" for="name">이름</label>
						<div class="controls">
							<input type="text" name="name2" 
							id="name2" class="input-large">
						</div>
					</div>
					<div class="control-group info">
						<label class="control-label" for="jumin1">주민등록번호</label>
						<div class="controls">
							<input type="text" name="jumin1" id="jumin1"
							class="input-small"> - 
							<input type="password" name="jumin2" id="jumin2"
							class="input-small">
						</div>
					</div>
					<div class="control-group error">
						<div class="controls">
							<label class="checkbox inline">
								<input type="checkbox" id="usejumin">
								주민등록번호 처리에 동의합니다.
							</label>
						</div>
					</div>
				</div>
				<div class="span5">
					<ul>
						<li>실명확인 회원가입시 공개 게시판 이용이 가능합니다.</li>
						<li>타인의 주민등록번호를 임의로 사용하면 '주민등록법'에 의해 3년 이하의 징역 또는 1천만원 이하의 벌금이 부과될 수 있습니다</li>
						<li>입력하신 주민등록번호는 별도 저장되지 않으며, 신용평가기관을 통한 실명확인용으로만 이용됩니다.</li>
						<li>개인정보보호법에 따라 이용 동의를 받습니다.</li>
					</ul>
				</div>
			</div>
			
			<hr class="hdivider">
			
			<div class="tcenter">
				<a class="btn btn-primary" id="check3btn">
					<i class="icon-ok icon-white"></i>&nbsp;확인하기
				</a>
				<a class="btn btn-danger" id="check4btn">
					<i class="icon-remove icon-white"></i>&nbsp;취소하기
				</a>
			</div><!-- 버튼들 -->
		</form>
	</div><!-- 회원가입 -->
	
</article>

<!-- 스크립트 -->
<script>
	$("#check3btn").on( "click", function(event) {
		if ($("#name2").val() == "") alert();
		else if ($("#jumin1").val() == "") alert();
		else if ($("#jumin2").val() == "") alert();
		else if ($("#usejumin").is(":checked") == false) alert();
		else {
			$("#join2frm").attr("method", "post");
			//$("#join2frm").attr("action", "join/joininfo.mvc3");
			$("#join2frm").submit();
		}
	} );
	$("#check4btn").on( "click", function(event) {
		$(location).attr("href", "<c:url value='/index.mvc' />");
	} );
</script>







